<template>
	<view @click="toZhiwei">
		<view class="itemZhaop">
			<view style="width: 70%;">
				<view class="nameZP">Java</view>
				<view class="gongsi">苏州大将有限公司 | 大姜</view>
				<view class="gongsi">地址：苏州XXX区XXX街道XXX路XX号</view>
				<view class="pic">
					<u--image shape="circle" :showLoading="true" src="http://gips3.baidu.com/it/u=3886271102,3123389489&fm=3028&app=3028&f=JPEG&fmt=auto?w=1280&h=960" width="30px"
						height="30px"></u--image>
				</view>
			</view>
			<view style="width: 30%;">
				<view class="money">5K-8K</view>
				<view class="need">需5人</view>
				<view class="need">20km</view>
			</view>
		</view>
		<view class="divider"></view>
		
	</view>
</template>

<script>
	export default {
		name: 'm-position',
		props: {
			list: Array
		},
		components: {
			
		},
		data() {
			return {

			};
		},

		methods: {
			toZhiwei () {
				uni.navigateTo({
					url:"/pages/zhiwei/zhiwei"
				})
			}
		}
	};
</script>

<style lang="scss">
	.itemZhaop {
		display: flex;
		padding: 0 20rpx;
	}

	.nameZP {
		font-size: 36rpx;
		color: #323232;
		padding: 8rpx 0;
		font-weight: 600;
		padding-top: 30rpx;
		
	}

	.gongsi {
		font-size: 24rpx;
		color: #717171;
		padding: 8rpx 0;
	}

	.money {
		padding: 8rpx 0;
		color: #31a889;
		text-align: right;
		font-weight: 600;
	}

	.need {
		font-size: 24rpx;
		color: #717171;
		padding: 8rpx 0;
		text-align: right;
	}

	.divider {
		width: 100%;
		height: 6rpx;
		background-color: #eee;
		margin-top: 48rpx;
		
	}
	.pic {
		margin-top: 20rpx;
	}
</style>